<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <link th:href="@{/css/login.css}" rel='stylesheet' type='text/css'/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我</title>
    <link rel="icon" th:href="@{/images/about.png}" sizes="32x32">
    <script
            type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
</head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
<link rel="stylesheet" href="../static/css/mouseeffect.css" th:href="@{/css/mouseeffect.css}">
<body>
<!-- 导航 -->
<nav th:replace="_fragments :: menu(5)"></nav>
<!-- 中间内容-->
<div class="m-padded-tb-large">
    <div class="ui container">
        <div class="ui stackable grid">
            <!-- 左侧头像 -->
            <div class="eleven wide column">
                <div class="ui segment">
                    <img th:src="@{/images/wanfeng.jpg}" style="width: 200px;height: 200px; margin: 0px auto" alt=""
                         class="ui rounded image">
                </div>
            </div>
            <!-- 右侧简介 -->
            <div class="five wide column">
                <div class="ui top attached segment">
                    <div class="ui header">关于我</div>
                </div>
                <div class="ui attached segment">
                    <p>野生程序猿一枚</p>
                </div>
                <div class="ui attached segment">
                    <div class="ui orange left label m-padded-tb-tinyy">java</div>
                    <div class="ui orange  left label">java</div>
                    <div class="ui orange  left label">java</div>
                    <div class="ui orange  left label">java</div>
                    <div class="ui orange  left label">java</div>
                    <div class="ui orange  left label">java</div>
                    <div class="ui orange  left label">java</div>
                </div>
                <div class="ui attached segment ">
                    <div class="ui teal left label m-padded-tb-tinyy">java</div>
                    <div class="ui teal left label">java</div>
                    <div class="ui teal left label">java</div>
                    <div class="ui teal left label">java</div>
                    <div class="ui teal left label">java</div>
                    <div class="ui teal left label">java</div>
                    <div class="ui teal left label">java</div>
                    <div class="ui teal left label">java</div>
                </div>
                <div class="ui bottom attached segment">
                    <a href="https://gitee.com/jokerout" target="_blank" class="ui circular icon button"><i
                            class="git icon"></i></a>
                    <a href="" class="ui circular icon button" data-tooltip="微信号:q3439166978"
                       data-position="bottom center"><i class="weixin icon"></i></a>
                    <a href="" class="ui circular icon button" data-tooltip="3439166978"
                       data-position="bottom center"><i class="qq icon"></i></a>
                </div>
            </div>


        </div>
    </div>


</div>


<!-----start-main---->
<!--<div class="main">-->
<!--    <div class="login-form">-->
<!--        <h1>Member Login</h1>-->
<!--        <div class="head">-->
<!--            <img th:src="@{images/user.png}" alt=""/>-->
<!--        </div>-->
<!--        <form>-->

<!--            <input type="text" value="请输入手机号" onfocus="this.value = '';"-->
<!--                   onblur="if (this.value == '') {this.value = '请输入手机号';}">-->
<!--            <input type="text" value="请输入验证码" onfocus="this.value = '';"-->
<!--                   onblur="if (this.value == '') {this.value = '请输入验证码';}">-->
<!--            <input type="submit" onclick="settime(this)" value="免费获取验证码">-->

<!--            <div class="submit">-->
<!--                <input type="submit" onclick="myFunction()" value="LOGIN">-->
<!--            </div>-->
<!--            <p><a href="#">Forgot Password ?</a></p>-->
<!--        </form>-->
<!--    </div>-->

<!--</div>-->
<!-----//end-main---->

<!--<div style="display:none">-->
<!--    <script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript'-->
<!--            charset='gb2312'></script>-->
<!--</div>-->

<!--<script>-->
<!--    var countdown = 60;-->

<!--    function settime(obj) {-->
<!--        if (countdown == 0) {-->
<!--            obj.removeAttribute("disabled");-->
<!--            obj.value = "免费获取验证码";-->
<!--            countdown = 60;-->
<!--            return;-->
<!--        } else {-->
<!--            obj.setAttribute("disabled", true);-->
<!--            obj.value = "重新发送(" + countdown + ")";-->
<!--            countdown&#45;&#45;;-->
<!--        }-->
<!--        setTimeout(function () {-->
<!--            settime(obj)-->
<!--        }, 1000)-->
<!--    }-->
<!--</script>-->


<div>

    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</div>

<!-- 底部footer -->
<footer th:replace="_fragments :: footer"></footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<script type="text/javascript" th:src="@{/js/mouse.js}"></script>
<script>
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide');
        return false;
    });


    // $('#playButton').popup({
    //     popup: $('.pay.popup'),
    //     on: 'click',
    //     position: 'buttom center'
    // });

</script>
<style>
    body {
        background: url('https://static.talkxj.com/config/2a56d15dd742ff8ac238a512d9a472a1.jpg') center center / cover no-repeat;
        background-attachment: fixed;
    }
</style>

</html>